<template>
  <el-image-viewer
    v-if="show"
    :on-close="closeView"
    :url-list="[picUrl]"
    style="width: 100%; height: 100%;padding: 10%;"
  />
</template>

<script>
import elImageViewer from "element-ui/packages/image/src/image-viewer";
export default {
  components: {
    elImageViewer
  },
  data() {
    return {
      show: false
    };
  },
  props: ["picUrl"],
  methods: {
    closeView() {
      this.show = false;
    }
  }
};
</script>

<style></style>
